﻿<%@ Page Title="" Language="C#" MasterPageFile="~/One-Column.master" AutoEventWireup="true"
    CodeBehind="GioHang.aspx.cs" Inherits="BookStore.GioHang" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <title>Giỏ hàng</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BreadcrumbsContent" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainColumnContent" runat="server">
    <div class="cart">
        <div class="page-title" style="margin: 0; border: 0;">
            <h1>
                Shopping Cart
            </h1>
        </div>
        <!--ul class="messages">
            <li class="success-msg">
                <ul>
                    <li>Tuxedo Blazer was added to your shopping cart. </li>
                </ul>
            </li>
        </ul-->
        <form action="#" method="post">
        <fieldset>
            
            <asp:GridView ID="ShoppingCart" CssClass="data-table cart-table" runat="server" AllowPaging="True" 
                DataSourceID="ShoppingCartDS" AutoGenerateColumns="False" 
                ShowHeaderWhenEmpty="True" DataKeyNames="ID" >
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:Image ID="Image1" runat="server" Width="60" Height="90" style="margin-left:8px;"
                                ImageUrl='<%# Eval("ImgURL", "./images/book.jpg") %>' />
                        </ItemTemplate>
                        <HeaderStyle Width="70px" Wrap="False" />
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="Product Name">
                        <ItemTemplate>
                        <h2 class="product-name">   
                            <asp:HyperLink ID="HyperLink1" NavigateUrl='<%# "./ChiTiet.aspx?bookid=" + Eval("ID") %>' runat="server" Text='<%# Bind("DisplayName") %>'>HyperLink</asp:HyperLink>
                            </h2>
                            <p class="cart-item-info">
                            Kích cỡ:
                                <asp:Label CssClass="item-info-size" ID="Label3" runat="server" Text='<%# Eval("ChieuCao") + "mm x " + Eval("ChieuRong") + "mm x " + Eval("BeDay") + "mm" %>'></asp:Label>
                            <br />
                            Khối lượng:
                                <asp:Label CssClass="item-info-weight" ID="Label4" runat="server" Text='<%# Eval("KhoiLuong") + "g" %>'></asp:Label>
                            </p>
                        </ItemTemplate>
                    </asp:TemplateField>

                    <asp:TemplateField HeaderText="Unit Price">
                        <ItemTemplate>
                            <asp:Label CssClass="price"  ID="Label1" runat="server" Text='<%# Bind("Price") %>'></asp:Label>
                        </ItemTemplate>
                        <HeaderStyle Width="100px" Wrap="False" CssClass="a-center" />
                        <ItemStyle CssClass="a-center" />
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="Quantity">
                        <ItemTemplate>
                            <asp:TextBox CssClass="input-text qty" ID="TextBox4" runat="server" Text='<%# Bind("Quantity") %>' ></asp:TextBox>
                        </ItemTemplate>
                        <HeaderStyle Width="100px" Wrap="False" CssClass="a-center" />
                        <ItemStyle CssClass="a-center" />
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="Sub Total">
                        <ItemTemplate>
                            <asp:Label ID="Label2" CssClass="price" runat="server" Text='<%# Bind("Total") %>'></asp:Label>
                        </ItemTemplate>
                        <HeaderStyle Width="100px" Wrap="False" CssClass="a-center" />
                        <ItemStyle CssClass="a-center" />
                    </asp:TemplateField>
                    <asp:TemplateField ShowHeader="False">
                        <ItemTemplate>
                            <asp:LinkButton CssClass="btn-remove2" ID="LinkButton1" runat="server" CausesValidation="False" 
                                CommandName="Delete" Text="X"></asp:LinkButton>
                        </ItemTemplate>
                        <HeaderStyle Width="20px" Wrap="False" CssClass="a-center" />
                        <ItemStyle CssClass="a-center" />
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
            <div class="a-right last">
                <asp:LinkButton ToolTip="Update Shopping Cart" CssClass="button btn-update" ID="LinkButton2"
                    runat="server">
                    <img src="./images/update.gif" alt="" />
                        Update Shopping Cart</asp:LinkButton>
            </div>
            <asp:ObjectDataSource ID="ShoppingCartDS" runat="server" 
                SelectMethod="getgiohang" TypeName="BookStore.GioHang" 
                DeleteMethod="RemoveCartItem">
                <DeleteParameters>
                    <asp:Parameter Name="id" Type="String" />
                </DeleteParameters>
            </asp:ObjectDataSource>
        </fieldset>
        </form>
        <div class="cart-collaterals">
            <div class="col2-set">
                <div class="col-1">
                    <div class="shipping">
                        <h2>
                            Estimate Shipping and Tax
                        </h2>
                        <div class="shipping-form">
                            <form action="#" method="post" id="shipping-zip-form">
                            <p>
                                Enter your destination to get a shipping estimate.
                            </p>
                            <ul class="form-list">
                                <!--li>
                                    <label for="country" class="required">
                                        <em>*</em>Country</label>
                                    <div class="input-box">
                                        <select name="country_id" id="country" class="validate-select" title="Country">
                                            <option value="AF">Afghanistan </option>
                                            <option value="AL">Albania </option>
                                            <option value="DZ">Algeria </option>
                                            <option value="AS">American Samoa </option>
                                            <option value="AD">Andorra </option>
                                            <option value="AO">Angola </option>
                                            <option value="AI">Anguilla </option>
                                            <option value="AQ">Antarctica </option>
                                            <option value="AG">Antigua and Barbuda </option>
                                            <option value="AR">Argentina </option>
                                            <option value="AM">Armenia </option>
                                            <option value="AW">Aruba </option>
                                            <option value="AU">Australia </option>
                                            <option value="AT">Austria </option>
                                            <option value="AZ">Azerbaijan </option>
                                            <option value="BS">Bahamas </option>
                                            <option value="BH">Bahrain </option>
                                            <option value="BD">Bangladesh </option>
                                            <option value="BB">Barbados </option>
                                            <option value="BY">Belarus </option>
                                            <option value="BE">Belgium </option>
                                            <option value="BZ">Belize </option>
                                            <option value="BJ">Benin </option>
                                            <option value="BM">Bermuda </option>
                                            <option value="BT">Bhutan </option>
                                            <option value="BO">Bolivia </option>
                                            <option value="BA">Bosnia and Herzegovina </option>
                                            <option value="BW">Botswana </option>
                                            <option value="BV">Bouvet Island </option>
                                            <option value="BR">Brazil </option>
                                            <option value="IO">British Indian Ocean Territory </option>
                                            <option value="VG">British Virgin Islands </option>
                                            <option value="BN">Brunei </option>
                                            <option value="BG">Bulgaria </option>
                                            <option value="BF">Burkina Faso </option>
                                            <option value="BI">Burundi </option>
                                            <option value="KH">Cambodia </option>
                                            <option value="CM">Cameroon </option>
                                            <option value="CA">Canada </option>
                                            <option value="CV">Cape Verde </option>
                                            <option value="KY">Cayman Islands </option>
                                            <option value="CF">Central African Republic </option>
                                            <option value="TD">Chad </option>
                                            <option value="CL">Chile </option>
                                            <option value="CN">China </option>
                                            <option value="CX">Christmas Island </option>
                                            <option value="CC">Cocos [Keeling] Islands </option>
                                            <option value="CO">Colombia </option>
                                            <option value="KM">Comoros </option>
                                            <option value="CG">Congo - Brazzaville </option>
                                            <option value="CD">Congo - Kinshasa </option>
                                            <option value="CK">Cook Islands </option>
                                            <option value="CR">Costa Rica </option>
                                            <option value="HR">Croatia </option>
                                            <option value="CU">Cuba </option>
                                            <option value="CY">Cyprus </option>
                                            <option value="CZ">Czech Republic </option>
                                            <option value="CI">C&#244;te d&#213;Ivoire </option>
                                            <option value="DK">Denmark </option>
                                            <option value="DJ">Djibouti </option>
                                            <option value="DM">Dominica </option>
                                            <option value="DO">Dominican Republic </option>
                                            <option value="EC">Ecuador </option>
                                            <option value="EG">Egypt </option>
                                            <option value="SV">El Salvador </option>
                                            <option value="GQ">Equatorial Guinea </option>
                                            <option value="ER">Eritrea </option>
                                            <option value="EE">Estonia </option>
                                            <option value="ET">Ethiopia </option>
                                            <option value="FK">Falkland Islands </option>
                                            <option value="FO">Faroe Islands </option>
                                            <option value="FJ">Fiji </option>
                                            <option value="FI">Finland </option>
                                            <option value="FR">France </option>
                                            <option value="GF">French Guiana </option>
                                            <option value="PF">French Polynesia </option>
                                            <option value="TF">French Southern Territories </option>
                                            <option value="GA">Gabon </option>
                                            <option value="GM">Gambia </option>
                                            <option value="GE">Georgia </option>
                                            <option value="DE">Germany </option>
                                            <option value="GH">Ghana </option>
                                            <option value="GI">Gibraltar </option>
                                            <option value="GR">Greece </option>
                                            <option value="GL">Greenland </option>
                                            <option value="GD">Grenada </option>
                                            <option value="GP">Guadeloupe </option>
                                            <option value="GU">Guam </option>
                                            <option value="GT">Guatemala </option>
                                            <option value="GG">Guernsey </option>
                                            <option value="GN">Guinea </option>
                                            <option value="GW">Guinea-Bissau </option>
                                            <option value="GY">Guyana </option>
                                            <option value="HT">Haiti </option>
                                            <option value="HM">Heard Island and McDonald Islands </option>
                                            <option value="HN">Honduras </option>
                                            <option value="HK">Hong Kong SAR China </option>
                                            <option value="HU">Hungary </option>
                                            <option value="IS">Iceland </option>
                                            <option value="IN">India </option>
                                            <option value="ID">Indonesia </option>
                                            <option value="IR">Iran </option>
                                            <option value="IQ">Iraq </option>
                                            <option value="IE">Ireland </option>
                                            <option value="IM">Isle of Man </option>
                                            <option value="IL">Israel </option>
                                            <option value="IT">Italy </option>
                                            <option value="JM">Jamaica </option>
                                            <option value="JP">Japan </option>
                                            <option value="JE">Jersey </option>
                                            <option value="JO">Jordan </option>
                                            <option value="KZ">Kazakhstan </option>
                                            <option value="KE">Kenya </option>
                                            <option value="KI">Kiribati </option>
                                            <option value="KW">Kuwait </option>
                                            <option value="KG">Kyrgyzstan </option>
                                            <option value="LA">Laos </option>
                                            <option value="LV">Latvia </option>
                                            <option value="LB">Lebanon </option>
                                            <option value="LS">Lesotho </option>
                                            <option value="LR">Liberia </option>
                                            <option value="LY">Libya </option>
                                            <option value="LI">Liechtenstein </option>
                                            <option value="LT">Lithuania </option>
                                            <option value="LU">Luxembourg </option>
                                            <option value="MO">Macau SAR China </option>
                                            <option value="MK">Macedonia </option>
                                            <option value="MG">Madagascar </option>
                                            <option value="MW">Malawi </option>
                                            <option value="MY">Malaysia </option>
                                            <option value="MV">Maldives </option>
                                            <option value="ML">Mali </option>
                                            <option value="MT">Malta </option>
                                            <option value="MH">Marshall Islands </option>
                                            <option value="MQ">Martinique </option>
                                            <option value="MR">Mauritania </option>
                                            <option value="MU">Mauritius </option>
                                            <option value="YT">Mayotte </option>
                                            <option value="MX">Mexico </option>
                                            <option value="FM">Micronesia </option>
                                            <option value="MD">Moldova </option>
                                            <option value="MC">Monaco </option>
                                            <option value="MN">Mongolia </option>
                                            <option value="ME">Montenegro </option>
                                            <option value="MS">Montserrat </option>
                                            <option value="MA">Morocco </option>
                                            <option value="MZ">Mozambique </option>
                                            <option value="MM">Myanmar [Burma] </option>
                                            <option value="NA">Namibia </option>
                                            <option value="NR">Nauru </option>
                                            <option value="NP">Nepal </option>
                                            <option value="NL">Netherlands </option>
                                            <option value="AN">Netherlands Antilles </option>
                                            <option value="NC">New Caledonia </option>
                                            <option value="NZ">New Zealand </option>
                                            <option value="NI">Nicaragua </option>
                                            <option value="NE">Niger </option>
                                            <option value="NG">Nigeria </option>
                                            <option value="NU">Niue </option>
                                            <option value="NF">Norfolk Island </option>
                                            <option value="KP">North Korea </option>
                                            <option value="MP">Northern Mariana Islands </option>
                                            <option value="NO">Norway </option>
                                            <option value="OM">Oman </option>
                                            <option value="PK">Pakistan </option>
                                            <option value="PW">Palau </option>
                                            <option value="PS">Palestinian Territories </option>
                                            <option value="PA">Panama </option>
                                            <option value="PG">Papua New Guinea </option>
                                            <option value="PY">Paraguay </option>
                                            <option value="PE">Peru </option>
                                            <option value="PH">Philippines </option>
                                            <option value="PN">Pitcairn Islands </option>
                                            <option value="PL">Poland </option>
                                            <option value="PT">Portugal </option>
                                            <option value="PR">Puerto Rico </option>
                                            <option value="QA">Qatar </option>
                                            <option value="RO">Romania </option>
                                            <option value="RU">Russia </option>
                                            <option value="RW">Rwanda </option>
                                            <option value="RE">R&#233;union </option>
                                            <option value="BL">Saint Barth&#233;lemy </option>
                                            <option value="SH">Saint Helena </option>
                                            <option value="KN">Saint Kitts and Nevis </option>
                                            <option value="LC">Saint Lucia </option>
                                            <option value="MF">Saint Martin </option>
                                            <option value="PM">Saint Pierre and Miquelon </option>
                                            <option value="VC">Saint Vincent and the Grenadines </option>
                                            <option value="WS">Samoa </option>
                                            <option value="SM">San Marino </option>
                                            <option value="SA">Saudi Arabia </option>
                                            <option value="SN">Senegal </option>
                                            <option value="RS">Serbia </option>
                                            <option value="SC">Seychelles </option>
                                            <option value="SL">Sierra Leone </option>
                                            <option value="SG">Singapore </option>
                                            <option value="SK">Slovakia </option>
                                            <option value="SI">Slovenia </option>
                                            <option value="SB">Solomon Islands </option>
                                            <option value="SO">Somalia </option>
                                            <option value="ZA">South Africa </option>
                                            <option value="GS">South Georgia and the South Sandwich Islands </option>
                                            <option value="KR">South Korea </option>
                                            <option value="ES">Spain </option>
                                            <option value="LK">Sri Lanka </option>
                                            <option value="SD">Sudan </option>
                                            <option value="SR">Suriname </option>
                                            <option value="SJ">Svalbard and Jan Mayen </option>
                                            <option value="SZ">Swaziland </option>
                                            <option value="SE">Sweden </option>
                                            <option value="CH">Switzerland </option>
                                            <option value="SY">Syria </option>
                                            <option value="ST">S&#227;o Tom&#233; and Pr&#237;ncipe </option>
                                            <option value="TW">Taiwan </option>
                                            <option value="TJ">Tajikistan </option>
                                            <option value="TZ">Tanzania </option>
                                            <option value="TH">Thailand </option>
                                            <option value="TL">Timor-Leste </option>
                                            <option value="TG">Togo </option>
                                            <option value="TK">Tokelau </option>
                                            <option value="TO">Tonga </option>
                                            <option value="TT">Trinidad and Tobago </option>
                                            <option value="TN">Tunisia </option>
                                            <option value="TR">Turkey </option>
                                            <option value="TM">Turkmenistan </option>
                                            <option value="TC">Turks and Caicos Islands </option>
                                            <option value="TV">Tuvalu </option>
                                            <option value="UM">U.S. Minor Outlying Islands </option>
                                            <option value="VI">U.S. Virgin Islands </option>
                                            <option value="UG">Uganda </option>
                                            <option value="UA">Ukraine </option>
                                            <option value="AE">United Arab Emirates </option>
                                            <option value="GB">United Kingdom </option>
                                            <option value="US" selected="selected">United States </option>
                                            <option value="UY">Uruguay </option>
                                            <option value="UZ">Uzbekistan </option>
                                            <option value="VU">Vanuatu </option>
                                            <option value="VA">Vatican City </option>
                                            <option value="VE">Venezuela </option>
                                            <option value="VN">Vietnam </option>
                                            <option value="WF">Wallis and Futuna </option>
                                            <option value="EH">Western Sahara </option>
                                            <option value="YE">Yemen </option>
                                            <option value="ZM">Zambia </option>
                                            <option value="ZW">Zimbabwe </option>
                                            <option value="AX">&#197;land Islands </option>
                                        </select>
                                    </div>
                                </li-->
                                <li id="">
                                    <label for="region_id">
                                        Tỉnh/Thành Phố</label>
                                    <div class="input-box" id="">
                                        <asp:DropDownList ID="ddlTinh" runat="server">
                                        </asp:DropDownList>
                                    </div>
                                </li>
                                <li>
                                    <label for="postcode">
                                        Loại vận chuyển</label>
                                    <div class="input-box">
                                        <select id="Select1" name="region_id" title="State/Province" style="" defaultvalue="">
                                            <option value="">Please select region, state or province </option>
                                            <option value="1">3 Days</option>
                                            <option value="2">7 Days</option>
                                        </select>
                                    </div>
                                </li>
                                <li>
                                    <label for="postcode">
                                        Chi phí ước tính</label>
                                    <div class="input-box">
                                        <input class="input-text validate-postcode" style="width:254px;" type="text" />
                                    </div>
                                </li>
                            </ul>
                            <div class="buttons-set">
                                <asp:Button ID="btUocTinh" runat="server" Text="Button" 
                                    onclick="btUocTinh_Click" />
                                <button type="button" title="Ước Tính" onclick="" class="button">
                                    <span><span>Ước Tính</span></span></button>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-2">
                    <form id="discount-coupon-form" action="#" method="post">
                    <div class="discount">
                        <h2>
                            Discount Codes
                        </h2>
                        <div class="discount-form">
                            <label for="coupon_code">
                                Enter your coupon code if you have one.</label>
                            <input type="hidden" name="remove" id="remove-coupone" value="0" />
                            <div class="input-box">
                                <input class="input-text" id="coupon_code" name="coupon_code" value="" />
                            </div>
                            <div class="buttons-set">
                                <button type="button" title="Apply Coupon" class="button" value="Apply Coupon">
                                    <span><span>Apply Coupon</span></span></button>
                            </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
            <div class="totals">
                <table id="shopping-cart-totals-table">
                    <col />
                    <col width="1" />
                    <tfoot>
                        <tr>
                            <td style="" class="a-right" colspan="1">
                                <strong>Grand Total</strong>
                            </td>
                            <td style="" class="a-right">
                                <strong><span class="price">$520.00</span></strong>
                            </td>
                        </tr>
                    </tfoot>
                    <tbody>
                        <tr>
                            <td style="" class="a-right" colspan="1">
                                Subtotal
                            </td>
                            <td style="" class="a-right">
                                <span class="price">$520.00</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <ul class="checkout-types">
                    <li>
                        <button type="button" title="Proceed to Checkout" class="button btn-checkout" onclick="window.location=&#39;ThanhToan.aspx&#39;;">
                            <span><span>Proceed to Checkout</span></span></button>
                    </li>
                    <li><a href="./ThanhToan.aspx">Checkout with Multiple Addresses</a> </li>
                </ul>
            </div>
        </div>
    </div>
</asp:Content>
